<section class="mat-title mat-typography">
  <h2 class="mat-h2">&nbsp;&nbsp;OTA Update</h2>
</section>
<mat-progress-spinner
      *ngIf="spinnerFlag"
      class="example-margin"
      [color]="color"
      [mode]="mode"
      [value]="value">
</mat-progress-spinner>
<mat-card>
  <mat-label>Door Name: {{ doorName }}</mat-label>
  <br>
  <mat-label>Sensor Auth: {{ sensor_auth }}</mat-label>
  <br>
  <mat-label>Firmware version: {{ firmwareVersion }}</mat-label>
  <br>
  <button mat-icon-button onClick="document.getElementById('singleFile').click()"><mat-icon>cloud_upload</mat-icon></button>
  <input id="singleFile" type="file" style="display:none" [fileUploadInputFor]= "fileUploadQueue"/>
  <mat-file-upload-queue #fileUploadQueue
      [fileAlias]="'firmware'"
      [httpUrl]="uploadAPI"
      [httpRequestHeaders]="{}">
      <mat-file-upload [file]="file" (onUpload)="doneUpload($event)" [id]="i" *ngFor="let file of fileUploadQueue.files; let i = index"></mat-file-upload>
  </mat-file-upload-queue>
  <br>
  <mat-divider></mat-divider>
  <br>
  <button mat-raised-button [disabled]="isDisabled" (click)="flashDevice()"  color="primary">Flash Device</button>
  <br><br>
  <mat-divider></mat-divider>
  <br><br>
  <mat-progress-bar *ngIf="isDisabled" mode="indeterminate"></mat-progress-bar>
</mat-card>

